﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>表单内容</title>
    <link href="index.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="VFormDesigner.css?t=20210730">
</head>
<body>
    <div id="app">
        <v-form-render :form-json="formJson" :form-data="formData" :option-data="optionData" ref="vFormRef">
        </v-form-render>
    </div>

    <script type="text/javascript">
if (!!window.ActiveXObject || "ActiveXObject" in window) { //IE load polyfill.js for Promise
  var scriptEle = document.createElement("script");
  scriptEle.type = "text/javascript";
  scriptEle.src = "https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"
  document.body.appendChild(scriptEle)
}</script>
    <script src="vue.min.js"></script>
    <script src="index.min.js"></script>
    <script src="VFormDesigner.umd.min.js?t=20210730"></script> <!-- 根据Web服务器或CDN路径修改 -->
    <script>
new Vue({
    el: '#app',
    data: {
        formJson: { "widgetList": [{ "key": 66336, "type": "input", "alias": "", "icon": "text-field", "formItemFlag": true, "options": { "name": "input83563", "keyNameEnabled": false, "keyName": "", "label": "input", "labelAlign": "", "type": "text", "defaultValue": "", "placeholder": "", "columnWidth": "200px", "size": "", "labelWidth": null, "labelHidden": false, "labelWrap": false, "readonly": false, "disabled": false, "hidden": false, "clearable": true, "showPassword": false, "required": false, "requiredHint": "", "validation": "", "validationHint": "", "customClass": [], "labelIconClass": null, "labelIconPosition": "rear", "labelTooltip": null, "minLength": null, "maxLength": null, "showWordLimit": false, "prefixIcon": "", "suffixIcon": "", "appendButton": false, "appendButtonDisabled": false, "buttonIcon": "custom-search", "appendText": false, "textForAppend": "", "onCreated": "", "onMounted": "", "onInput": "", "onChange": "", "onFocus": "", "onBlur": "", "onValidate": "", "onAppendButtonClick": "" }, "id": "input83563" }], "formConfig": { "modelName": "formData", "refName": "vForm", "rulesName": "rules", "labelWidth": 80, "labelPosition": "left", "h5LabelTop": false, "gridResponsive": false, "size": "", "labelAlign": "label-left-align", "cssCode": "", "customClass": [], "functions": "", "layoutType": "PC", "jsonVersion": 3, "dataSources": [], "onFormCreated": "", "onFormMounted": "", "onFormDataChange": "", "onFormValidate": "" } },
        formData: {},
        optionData: {}
    }
	});</script>
</body>
</html>